{if $colorss|count}
<table class="data" id="data-table">
<thead>
	<tr class="thead">
		<th>S.N.</th>
		<th>Color Name</th>
		<th>Foreground</th>
		<th>Background</th>
	    <th>Front View</th>
	    <th>Back View</th>
	    <th class="th-menus">-</th>
	    <th>Browse</th>
	</tr>
</thead>
<tbody>
{section name='l' loop=$colorss}
	<tr class="{cycle values='A,B'}">
		<td class="r">{$smarty.section.l.index_next+$pagination->begining_entry()}.</td>
		<td><a href="colors-details-public.php?id={$colorss[l].color_id}&amp;code={$colorss[l].code}">{$colorss[l].color_name}</a></td>
		<td>#{$colorss[l].color_foreground}</td>
		<td>#{$colorss[l].color_background}</td>
		<td style="background-color:#{$colorss[l].color_background}; color:#{$colorss[l].color_foreground};">#{$colorss[l].color_foreground}</td>
		<td style="background-color:#{$colorss[l].color_foreground}; color:#{$colorss[l].color_background};">#{$colorss[l].color_background}</td>
		<td><a href="colors-block.php?id={$colorss[l].color_id}&amp;code={$colorss[l].code}"><img src="colors-block.php?id={$colorss[l].color_id}&amp;code={$colorss[l].code}" title="{$colorss[l].color_name|utf8}" alt="{$colorss[l].color_name|utf8}" /></a></td>
		<td><a href="images-colors.php?id={$colorss[l].color_id}&amp;code={$colorss[l].code}">Browse</a> - {$colorss[l].images_counter} images</td>
	</tr>
{sectionelse}
	<tr class="error">
		<td>-</td>
		<td>-</td>
		<td>-</td>
		<td>-</td>
	    <td>-</td>
	    <td>-</td>
	    <td>-</td>
	    <td>-</td>
	</tr>
{/section}
</tbody>
</table>

<!-- paginator -->
{if $pagination->has_pages()}
<div class="paginator">
	<span class="introduction">Jump to page: </span>
	
	<!--{* wrap with <ul>...</ul> tags when using ulli=true parameter. *}-->
	<!--{* <ul> *}-->
	{paginate separator=' ' ulli=false source=$pagination}
	<!--{* <ul> *}-->
</div>
{/if}

{else}
	<div class="nodata">You do not have any records here.</div>
{/if}

<!-- End of colors List (Public) -->